/*
Theme Name: Baiyi
Theme URI: http://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
Text Domain: twentyten
*/
@charset "utf-8";
@font-face {
    font-family: 'Helvetica-Black';
    src: url('../font/helveticablk.eot');
    src: url('../font/helveticablk.eot?#iefix') format('embedded-opentype'),
         url('../font/helveticablk.woff') format('woff'),
         url('../font/helveticablk.ttf') format('truetype'),
         url('../font/helveticablk.svg#helveticablk') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* reset.css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1.4; background:#f0f0f0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
a{ text-decoration:none}
h1,h2,h3{ font-family:'Helvetica-Black', Helvetica, sans-serif;}
h1{font-size:32px; color:#1b1b1b}
h1.news{color:#55c9ff}
h2{font-size:18px; color:#505050; background:url(images/bg-bottom.png) no-repeat center bottom;}
h4{color: #B60202;font-size: 16px; font-weight: bold;}
h5{font-size:14px; color:#292727; font-style:italic; font-weight:bold; }
h5.cate{ font-style:normal; color:#393939; margin-bottom:5px;}
span.hel{ font-family:Helvetica,Arial,sans-serif;}
/*class common*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;	visibility: hidden;}
.clearfix { display: inline-block; }
.clearfix { display: block; }
.clear{ clear:both;}
.last{ margin-right:0;}
/* layout*/
#wrapper{	
	width:934px;
	margin:0 auto;
	padding:15px 12px;	
	background:url(images/bg.png) repeat-y;
	border-left:solid 1px #e0e0e0;
	border-right:solid 1px #e0e0e0;
}
#header{ position:relative;}
#header .logo{ position:absolute; left:0; bottom:-7px;width:120px; }
#header .headright{ width:835px; float:right;}
#header .headright .tophead{ text-align:right; padding-bottom:15px;}
#header .headright .tophead p{ font-size:11px; color:#585858;}
#header .headright .tophead p strong{ font-size:12px; color:#343434; font-weight:bold;}
#main{ margin-top:25px; overflow:hidden}
#main h1{ background:url(images/bg-bottom.png) repeat-x left bottom; padding-bottom:5px; margin:0 10px 10px 10px;}
#main .lblhead .title h1{ background:none; margin:0; padding:0;}
#slide{ margin-top:10px; position:relative;}
.menu{ height:44px; width:835px; background:url(images/bg-nav.png) no-repeat; overflow:hidden}
.menu ul.nav li { float:left; margin-left:-12px;}
.menu ul.nav li.home{ margin-left:0;}
.menu ul.nav li a{ text-decoration:none; padding-left:12px; font-size:14px; color:#fff; font-weight:bold; line-height:41px; display:block; margin-top:1px;}
.menu ul.nav li.first a{ padding-left:14px;}
.menu ul.nav li a span{ display:block; padding: 0 39px 0 38px;  background:url(images/bg-border-nav.png) no-repeat top right;text-shadow: 0 1px 1px #BC0F0F;}
.menu ul.nav li.last a span{ background:none; padding-right:36px;}
.menu ul.nav li.last.active a span{ background:url(images/bg-right-last.png) no-repeat top right;padding-right:36px}
.menu ul.nav li a:hover{ background:url(images/bg-left.png) no-repeat center left;}
.menu ul.nav li a:hover span{ background:url(images/bg-right.png) no-repeat top right;}
.menu ul.nav li.last a:hover span{ background:url(images/bg-right-last.png) no-repeat top right; padding-right:36px;}
.menu ul.nav li a.active{ background:url(images/bg-left.png) no-repeat center left;}
.menu ul.nav li.active a span{ background:url(images/bg-right.png) no-repeat top right;}
.menu ul.nav li.active.first a{ background:url(images/bg-left-home.png) no-repeat top left;}
.menu ul.nav li.first a:hover{ background:url(images/bg-left-home.png) no-repeat center left;}
.menu ul.nav li.active a{ background:url(images/bg-left.png) no-repeat  top left;}
.content{ width:934px;}
.sidebar{ width:239px; position:relative; margin-left:10px; float:left;}
.sidebar .lblhead{ margin:0; height:50px; width:247px; background:url(images/bg-sidebar.png) no-repeat; position:absolute;top:10px; left:-10px;font-family:Helvetica, sans-serif; }
.sidebar .lblhead span{ color:#fff; line-height:40px; padding-left:50px;  font-size:18.36px;}
.sidebar .lblhead span strong{font-family:'Helvetica-Black', Helvetica, sans-serif;font-weight:bold;}
.sidebar .content-bar{background:#f0f0f0;margin-right:2px; padding:60px 15px 10px 12px; font-family: Helvetica, Arial, sans-serif}
.item-sidebar{ margin-bottom:35px;}
.item-sidebar h4{ padding-left:15px; background:url(images/bullets-h4.png) no-repeat center left; font-size:14px; color:#272727;}
.item-sidebar p{color:#272727; margin-left:15px;}
.item-sidebar p.date{ font-style:italic; margin-bottom:10px;}
.item-sidebar a{ color:#a50200; font-size:11px; font-family:Arial, Helvetica, sans-serif; float:right; font-weight:bold;}
.item-sidebar a span{ font-size:14px}
.teambox{  height:145px; margin-bottom:7px;}
.teambox .bdimg{ height:122px; width:130px; text-align:center; border:solid 1px #e0e0e0; float:left;}
.teambox .bdimg img{ height:120px; width:128px; margin-top:1px;}
.teambox .infomation{ margin-left:140px;}
.teambox .infomation p.name{ font-size:16px; color:#b60202; font-weight:bold;padding:0;}
.teambox .infomation p.unit{ font-size:14px; color:#292727; font-style:italic; font-weight:bold; padding:0; margin-bottom:5px;}
.teambox .infomation p.summary{color:#292727; font-style:normal; font-size:12px; padding:0; text-align:justify;}
.colleft{width:220px; position:relative;float:left; margin-left:10px; }
ul.category{ background:#f6f6f6; padding-left: 10px;}
ul.category li{ background:url(images/bg-li.png) no-repeat left bottom; padding-left:5px;}
ul.categoryli.last{ background:none;}
ul.category li a{ font-family:Helvetica,Arial,sans-serif; font-size:14px; color:#676767; display:block; font-weight:bold; line-height:30px; padding:3px 0 4px 15px; background:url(images/bullet-ab-un.png) no-repeat center left;}
ul.category li a.active{ color:#b60202; background:url(images/bullet-ab.png) no-repeat center left;}
ul.category li a:hover{ color:#b60202} 
ul.category li.last{ background:none;}
ul.categallery{ background:#f6f6f6; padding-left: 10px;}
ul.categallery li{ background:url(images/bg-li.png) no-repeat left bottom; padding-left:10px;}
ul.categallery li.last{ background:none;}
ul.categallery li a{ font-family:Helvetica,Arial,sans-serif; font-size:14px; color:#676767; display:block; font-weight:bold;padding:9px 0 5px 15px; background:url(images/bullet-ab-un2.png) no-repeat top left;}
ul.categallery li a.active{ color:#b60202; background:url(images/bullet-ab2.png) no-repeat top left;}
ul.categallery li a:hover{ color:#b60202}
.colmain{ float:right; width:665px;}
.colmain h2{ padding-bottom:10px;}
.colright{ width:677px; float:left; margin-left:20px;}
.colright .info-text h3{ font-family:Helvetica,Arial,sans-serif; font-size:18px; font-weight:bold; width:677px ; margin-bottom:10px;}
.colright .info-text{ padding:10px 0;color:#292727}
.info-text .description{ font-size:14px; color:#292727}
.info-text h5{ margin-bottom: 5px;}
.info-text p strong{ font-weight:bold;}
.itemmile{ font-size:14px; color:#292727; margin-bottom:10px;}
.itemleft{ width:50px; float:left; font-weight:bold;}
.itemright{ width:617px; margin-left:50px; text-align:left;}
.itemright p{ text-indent:0; text-align:left;}
.item-left{ margin:12px 0 25px 0 ;}
.item-left img{ height:145px; width:266px; float:left; border:solid 1px #e0e0e0 ;}
.item-left .info{width:360px; float:left; margin-left:20px; }
.item-left .info p{ font-size:14px; color:#565656; line-height:1.45; text-align:justify;}
.item-left .info a.linkmore{ background:url(images/bg-learmore.png) no-repeat; color:#fff; padding:3px 12px; margin-top:5px; font-size:11px; font-weight:bold; display:block;}
.boxnews{ padding:10px; margin-bottom:20px;}
.boxnews .item-news{ margin-bottom:20px;}
.boxnews .imgnew{float:left;width:355px; padding-top:5px;}
.boxnews .content-new{ margin-left:375px; width:540px;font-family:Helvetica,Arial,sans-serif; font-size:14px; font-variant:normal}
.boxnews .content-new .date{ font-weight:bold}
.boxnews .content-new .news-name{font-size:18px; font-weight:bold; }
.boxnews .content-new .content-news{ text-align:justify;}
.boxnews .content-new .content-news p{ margin-bottom:8px;}
.boxgallery{ margin:25px 0}
.boxgallery p{ font-size:14px; color:#1b1b1b; font-weight:bold;}
.boxgallery .row{ margin-bottom:20px;}
.boxgallery .row .item-gallery{ float:left;width: 325px; height:200px; margin-right:23px;}
.boxgallery .row .item-gallery.last{ margin:0;}
.boxbusiness{ padding: 20px 10px;}
.boxbusiness .items{ clear:both; margin-bottom:30px; clear:both; font-family:Helvetica,Arial,sans-serif}
.boxbusiness .borderimg{ float:left; width:224px}
.boxbusiness .info-business{ margin-left:240px; width:670px;font-size:14px; color:#292727; text-align:justify;}
.boxbusiness .info-business ul.haslist{ list-style: square; margin-left:15px;}
.boxbusiness .info-business h5{ font-style:normal; }
.boxbusiness .info-business p.name{ font-size:18px; font-weight:bold;color:#1b1b1b; margin-bottom:10px;}
.box-contact .box-left{ width:400px; float:left; margin-left:10px;}
.box-contact .box-left p.notes{ margin-bottom:25px;}
.box-contact  p{ font-size:14px; color:#292727;}
.box-contact  h4{ color:#292727; font-size:16px; margin-bottom:10px;}
.box-contact .box-right{ margin-left:445px; width:500px; }
.box-contact .box-right .maps{padding:10px 0;}
.box-contact .box-right h4{ margin:0;}
.box-contact .box-right p.tel{ margin-top:10px;}
.form-contact form fieldset{ margin-bottom: 20px;}
.form-contact form fieldset label{ color:#777878; font-size:13px; margin-bottom:12px;}
.form-contact form fieldset label span{ color:#c43b3b}
.form-contact form fieldset input[type=text]{ width:375px; height:25px; background:#fdfeff; border:solid 1px #e0e0e0}
.form-contact form fieldset textarea{ width:373px; height:150px;  background:#fdfeff; border:solid 1px #e0e0e0; overflow:auto; resize:none;}
.form-contact form fieldset input[type=submit]{ background:url(images/bg-submit.png) no-repeat; border:none; padding:6px 15px; font-size: 13px; font-weight:bold; color:#fff; float:right; margin-right:23px;}
.brcum { float:right;}
.brcum ul li{ float:left; margin-right:5px;}
.brcum ul li a{ padding:0px 4px; color:#000; display:block}
.brcum ul li a.active{ color:#fff; background:#b71b1e}
.brcum ul li a.next{ font-size:16px;margin-top:-3px; color:#2c2c2c}
.lblhead{ background:url(images/bg-bottom.png) repeat-x center bottom; padding-bottom:10px; margin:0 10px 10px 10px;}
.lblhead .title{ float:left; width:100px;}
ul.control{float:right; text-align:right; margin-top:20px;}
ul.control li{ float: left; margin-right:8px;}
ul.control li a{ padding-left:18px; color:#606060; font-size:11px; font-weight:bold; padding-top:1px;}
ul.control li a.addcate{ background:url(images/iconadd.png) no-repeat top left;}
ul.control li a.editcate{ background:url(images/iconpencil.png) no-repeat top left;}
ul.control li a.addphoto{ background:url(images/iconaddpt.png) no-repeat top left;}
.logolink { margin:20px 0;}
.logolink h2{ border:none; margin-left:10px; background:none;}
#footer{ font-size:11px; border-top:solid 5px #d51316; padding:12px 12px 0 12px;;margin-left:-12px; margin-right:-12px;}
#footer .fooleft{ width:430px; float:left}
#footer .fooleft .logofooter{ display:inline; float:left;}
#footer .fooleft ul{ float:right; margin-top:5px;}
#footer .fooleft ul li {float:left; border-right:solid 1px #e0e0e0;}
#footer .fooleft ul li.last{ border:none;}
#footer .fooleft ul li a{color:#6d6c6c; padding: 0 7px;}
#footer .fooleft ul li a.active{ color:#F93;}
#footer .fooleft ul li a:hover{ color:#F93;}
#footer .fooright{ width:500px; float:right; padding-top:3px; text-align:right;}
#footer .fooright p{color:#747474;}
#footer .fooright p a{ color:#fc0000; font-weight:bold;}




























